<%@ page language="java" pageEncoding="UTF-8" %>
<%@include file="../../../common/include/inc_list.jsp" %>
<title>Portal管理平台</title>
<!--
* 功能权限管理管理
*
* Created by piandu
* Date 2018/05/11
-->
<div class="row no-margin" style="padding: 8px 10px 10px;">
    <%@include file="../../../common/utils/roleSelectTree.jsp" %>
    <div class="col-sm-9">
        <%--按钮组--%>
        <div class="btn-group">
            <button id="addMenuBtn" class="btn btn-sm btn-primary">
                <i class="ace-icon glyphicon glyphicon-plus align-center bigger-110"></i>
                关联菜单
            </button>
        </div>
        <div class="pull-right">
            <button id="searBtn" class="btn btn-xs btn-info" data-toggle="collapse" href="#queryPanel">
                <i class="ace-icon fa fa-arrow-down align-center bigger-110"></i>
                查询
            </button>
        </div>
        <%--分割线--%>
        <div class="hr hr2 hr-dotted"></div>
        <%--查询框--%>
            <div class="panel panel-default no-border no-margin">
                <div id="queryPanel" class="panel-collapse collapse">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-12 form-horizontal">
                                <div class="form-group col-lg-4 col-md-6 col-sm-12">
                                    <label class="col-sm-3 control-label no-padding-right"> 菜单编码 </label>

                                    <div class="col-sm-9">
                                        <input type="text" name="search.moduleCodeLk" class="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group col-lg-4 col-md-6 col-sm-12">
                                    <label class="col-sm-3 control-label no-padding-right"> 菜单名称 </label>

                                    <div class="col-sm-9">
                                        <input type="text" name="search.moduleNameLk" class="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group col-lg-4 col-md-6 col-sm-12">
                                    <div class="pull-right" style="margin-right: 12px;">
                                        <button id="searchBtn" class="btn btn-sm btn-info">
                                            <i class="ace-icon glyphicon glyphicon-search align-center bigger-110"></i>
                                            查询
                                        </button>
                                        <button id="resetBtn" class="btn btn-sm btn-info">
                                            <i class="ace-icon glyphicon glyphicon-repeat align-center bigger-110"></i>
                                            重置
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <%--表格列表--%>
            <table id="grid-table"></table>
            <%--分页--%>
            <div id="grid-pager"></div>

    </div><!-- /.col -->
</div>
<!-- /.row -->

<div id="addMenuModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close btn btn-xs btn-white" data-dismiss="modal">
                    <span>&times;</span>
                    <span class="sr-only">关闭</span>
                </button>
                <h6 class="modal-title">
                    <i class="ace-icon glyphicon glyphicon-edit align-top bigger-110"></i>
                    配置模块权限
                </h6>
            </div>
            <div class="modal-body no-padding" style="width: 90%;margin: auto">
                <div class="widget-box widget-color-blue2 ui-sortable-handle no-margin">
                    <%--<div class="widget-header widget-header-small">--%>
                    <%--<h6 class="widget-title smaller">请选择模块</h6>--%>
                    <%--</div>--%>
                    <div class="widget-body">
                        <div id="treeDiv" class="widget-main no-padding-top">
                            <ul id="roleMenuTreeview"></ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <i class="ace-icon fa fa-reply align-left bigger-110"></i>
                    返回
                </button>
                <button id="saveMenuBtn" type="button" class="btn btn-primary">
                    <i class="ace-icon fa fa-save align-left bigger-110"></i>
                    保存
                </button>
            </div>
        </div>
    </div>
</div>

<div id="addFunctionModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-xs">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close btn btn-xs btn-white" data-dismiss="modal">
                    <span>&times;</span>
                    <span class="sr-only">关闭</span>
                </button>
                <h6 class="modal-title" id="myFuncModalLabel">
                    <i class="ace-icon glyphicon glyphicon-edit align-top bigger-110"></i>
                    配置功能权限
                </h6>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-12">
                        <%--表格列表--%>
                        <table id="grid-func-table"></table>
                        <%--分页--%>
                        <div id="grid-func-pager"></div>

                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <i class="ace-icon fa fa-reply align-left bigger-110"></i>
                    返回
                </button>
                <button id="saveFunctionBtn" type="button" class="btn btn-primary">
                    <i class="ace-icon fa fa-save align-left bigger-110"></i>
                    保存
                </button>
            </div>
        </div>
    </div>
</div>
<%--遮罩--%>
<div class="modal fade" id="runningModal">
    <div style="width: 200px;height:20px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;margin-left:-100px;margin-top:-10px">
        <div class="progress progress-striped active" style="margin-bottom: 0;">
            <div class="progress-bar" style="width: 100%;"></div>
        </div>
        <h5>正在执行...</h5>
    </div>
</div>

<!-- Form表单:查看详细信息 -->
<div id="rolesMenuViewModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close btn btn-xs btn-white" data-dismiss="modal">
                    <span>&times;</span>
                    <span class="sr-only">关闭</span>
                </button>
                <h6 class="modal-title" id="viewModalLabel">
                    <i class="ace-icon glyphicon glyphicon-edit align-top bigger-110"></i>
                    模块权限信息
                </h6>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-12">
                        <form id="viewMenuInformation" class="form-horizontal" role="form">
                            <input type="hidden" id="roleModuleId" name="rolemoduleId"/>

                            <div class="form-group">
                                <div class="rowGroup">
                                    <label class="col-sm-2 control-label no-padding-right"> 角色编码 </label>
                                    <div class="col-sm-4">
                                        <input type="text" name="roleCode" class="form-control"/>
                                    </div>
                                </div>
                                <div class="rowGroup">
                                    <label class="col-sm-2 control-label no-padding-right"> 角色名称 </label>

                                    <div class="col-sm-4">
                                        <input type="text" name="roleName" class="form-control"/>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="rowGroup">
                                    <label class="col-sm-2 control-label no-padding-right"> 模块编码 </label>

                                    <div class="col-sm-4">
                                        <input type="text" name="moduleName" class="form-control"/>
                                    </div>
                                </div>
                                <div class="rowGroup">
                                    <label class="col-sm-2 control-label no-padding-right"> 模块名称 </label>
                                    <div class="col-sm-4">
                                        <input type="text" name="moduleName" class="form-control"/>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="rowGroup">
                                    <label class="col-sm-2 control-label no-padding-right"> 创建人 </label>
                                    <div class="col-sm-4">
                                        <input type="text" name="creater" class="form-control"/>
                                    </div>
                                </div>
                                <div class="rowGroup">
                                    <label class="col-sm-2 control-label no-padding-right"> 创建时间 </label>
                                    <div class="col-sm-4">
                                        <input type="text" name="createDate" class="form-control"/>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="rowGroup">
                                    <label class="col-sm-2 control-label no-padding-right"> 修改人 </label>
                                    <div class="col-sm-4">
                                        <input type="text" name="modifier" class="form-control"/>
                                    </div>
                                </div>
                                <div class="rowGroup">
                                    <label class="col-sm-2 control-label no-padding-right"> 修改时间 </label>
                                    <div class="col-sm-4">
                                        <input type="text" name="modifieDate" class="form-control"/>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- /.col -->
                </div>
                <!-- /.row -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    <i class="ace-icon fa fa-reply align-left bigger-110"></i>
                    返回
                </button>
                <button id="saveRoleMenuBtn" type="button" class="btn btn-primary">
                    <i class="ace-icon fa fa-save align-left bigger-110"></i>
                    保存
                </button>
            </div>
        </div>
    </div>
</div>

<script src="${ctx}/resource/system/roleModule/tbSysRoleModuleList.js"></script>